
$(function(){

    //初始化轮播插件
    //初始化轮播图
    $("#provideSlide").slidebox({
        boxh: 550,//盒子的高度
        w: 1200,//图片的宽度
        h: 530,//图片的高度
        isShow: true,//是否显示控制器
        isShowBtn: true,//是否显示左右按钮
        controltop: 10,//控制按钮上下偏移的位置,要将按钮向下移动   首先保证boxh 高度>图片 h
        controlsW: 12,//控制按钮宽度
        controlsH: 12,//控制按钮高度
        radius: 6//控制按钮圆角度数
    });

    /* 
        猜你喜欢轮播： 

            点击次数    运动终点： top 
               0          0  * li的高度
               1          -1 * li的高度
               2          -2 * li的高度
              
    */

        //定义变量保存 点击 次数
        let num = 0;

        //获取slidePic的长度
        let len = $("#love .sBox .slidePic").length;
        
        
        //获取li的高度
        let liHei = $("#love .sBox .slidePic").outerHeight();
    

        //点击事件
        $("#love .cTitle p").click(function(){

            //点击后num自增
            ++num;//
   
            //设置运    动
            $("#love .sBox .sUl").stop(true).animate({

                "top": -num * liHei + "px"

            },function(){

                //判断是否到达最后一张
                if( num === len - 1){

                    num = 0;
    
                    $("#love .sBox .sUl").css({
                        "top": "0px"
                    })
                }

            })


        })



























})
